require(['./config'],()=>{
    require(['template','swiper','header','footer'],(template,Swiper)=>{
        class Index{
            constructor(){
                this.getcon3()
                this.getcon2()
                this.Banner()
            }
            getcon2(){
                // 根据数据用air-template渲染页面
                $.get('/libs/json/con2.json',resp=>{
                    // console.log(resp)
                    const html = template('category2',{list:resp})
                    $('#content2').html(template('category2',{list:resp}))
                })
            }
            getcon3(){
                 // 根据数据用air-template渲染页面
                $.get('/libs/json/con3.json',resp =>{
                    // console.log(resp)
                    this.renderCate(resp)
                })
            }
            renderCate(list){
                const html = template('category3',{list})
                // console.log(html)
                $("#content3").html(html)
            }
            Banner(){
                new Swiper ('.swiper-container', {
                    loop: true, // 循环模式选项
                    
                    // 如果需要分页器
                    pagination: {
                        el: '.swiper-pagination',
                        type: 'bullets',
                        clickable :true
                    },
                    
                    // 如果需要前进后退按钮
                    navigation: {
                      nextEl: '.swiper-button-next',
                      prevEl: '.swiper-button-prev',
                    },
                    autoplay:true
                    // 如果需要滚动条
                    // scrollbar: {
                    //   el: '.swiper-scrollbar',
                    // },
                  })        
            }     
        }
        new Index()
    })
})